<template>
  <div class="customize-footer">
    Copyright © {{year}} <router-link to='/'>lcckup.com</router-link>&nbsp;
    | &nbsp;All Rights Reserved.&nbsp; | &nbsp;<a :href="website.record_url"
       target="_blank">{{website.record}}</a>
  </div>
</template>
<script>
import { mapActions, mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters('home', ['website']),
    year () {
      return new Date().getFullYear()
    }
  },
}
</script>

<style lang="scss" scope>
.customize-footer {
  // background: #fff;
  display: flex;
  justify-content: center;
  line-height: 60px;
  color: #999;
  font-size: 14px;
  a {
    color: #999;
    margin-left: 8px;
    &:hover {
      color: #d9534f;
    }
  }
}
</style>
